<%-- 
    Document   : RepCumPorCarrera
    Created on : 09-07-2012, 01:57:24 PM
    Author     : Juank
--%>

<%@include file="/include/header.jsp" %>

<style>
    divInfo {width: 800px; margin:0 auto;}
    fieldset {
        border:1px solid #5C9AD7;
        width: 810px;
        margin:0 auto;
    }
    
    legend {
        padding: 0.2em 0.5em;
        border: 1px solid #5C9AD7;
        color: #366998;
        font-size: 14px;
        font-weight: bold;
        text-align: right;    
    }
</style>

<script>
    function cargarCarreras(){
        var form = document.getElementById("reporteCumPorCarreraForm");
        form.cmd.value = "CargarCarreras";
        form.submit();
    }
</script>

<div class="content">
    
    <html:form styleId="reporteCumPorCarreraForm" action="/ReporteCumPorCarrera">
        <html:hidden property="cmd" value="ConstruirReporteCumPorCarrera" />
        <table class="form">
            <caption class="titleSeg">Reporte de CUM por Carrera</caption>
            <tr class="campos">
                <td class="label">Universidad:&nbsp;</td>
                <td class="control">
                    <html:select property="universidad" onchange="cargarCarreras();" styleClass="tinput200">
                        <html:option value="0"> --- Universidad [Opcional] --- </html:option>
                        <html:options collection="universidadList" property="idUniv" labelProperty="nombre" labelName="nombre" />
                    </html:select>
                </td>
                <td style="width: 50px"></td>
                <td class="label">Carrera:&nbsp;</td>
                <td class="control">
                    <html:select property="carrera" styleClass="tinput178">
                        <html:option value="0"> --- Carrera [Opcional] --- </html:option>
                        <html:options collection="carrerasList" property="id.codCarrera" labelProperty="carrera" labelName="carrera" />
                    </html:select>
                </td>
            </tr>
            <tr class="campos">
                <td class="label">Estado:&nbsp;</td>
                <td class="control" colspan="4">
                    <html:select property="estado" styleId="estado">
                        <html:option value="">---- Seleccione ----</html:option>
                        <html:option value="A">  Activo  </html:option>
                        <html:option value="I">  Inactivo  </html:option>
                        <html:option value="P">  Pendiente  </html:option>
                        <html:option value="R">  Retirado  </html:option>
                        <html:option value="E">  Egresado  </html:option>
                        <html:option value="G">  Graduado  </html:option>
                    </html:select>
                </td>
            </tr>
            <tr class="campos">
                <td style="text-align: center" colspan="5">
                    <html:submit value="Buscar" styleClass="button" />
                </td>
            </tr>
            <logic:present name="msg">
            <tr>
                <td colspan="5"><br /></td>
            </tr>
            <tr>
                <td class="success" colspan="5">
                    <html:img src="./images/ok.png" />&nbsp;
                    <html:messages id="mensaje" name="msg"><bean:write name="mensaje" /></html:messages>
                </td>
            </tr>
            </logic:present> <!-- Cierre del Logic de mensajes -->
            <logic:present name="errors">
            <tr>
                <td colspan="5"><br /></td>
            </tr>
            <tr>
                <td class="errors" colspan="5">
                    <html:img src="./images/error.png" />&nbsp;<html:errors name="errors" />
                </td>
            </tr>
            </logic:present> <!-- Cierre del Logic de errores -->
        </table>
    </html:form>
    
    
    <!-- TABLA DEL REPORTE -->
    
    <table class="tablePres">
        <tr>
            <td>
                <logic:present name="reporte" scope="request">
                    <fieldset>
                        <legend>Reporte de CUM por Carrera</legend>
                            <div id="tablaGastos" class="ui-widget-content ui-corner-all">
                                <display:table pagesize="10" name="reporte" requestURI="" class="results" style="width:100%;" id="results" export="true">
                                    <display:column property="carnet" title="Carnet" style="text-align:center;" sortable="true" />
                                    <display:column property="nombre" title="Nombres" sortable="true" />
                                    <display:column property="cum" title="CUM" sortable="true" />
                                    <display:column property="carrera" title="Carrera" sortable="true" />
                                    <display:column property="universidad" title="Universidad" sortable="true" />
                                    <display:column property="cantMaterias" title="Mat. Aprobadas" sortable="true" />
                                </display:table>
                                <script>
                                    var table = document.getElementById("results");
                                    var rows = table.getElementsByTagName("tr");
                                    for (var i = 1; i < rows.length; i++) {
                                        rows[i].onmouseover = function() {
                                            this.className += ' hilite';
                                        }
                                        rows[i].onmouseout = function() {
                                            this.className = this.className.replace(' hilite', '');
                                        }
                                    }
                                </script>
                            </div>
                        </fieldset>
                </logic:present>
            </td>
        </tr>
    </table>    
</div>

<%@include file="/include/footer.jsp" %>